import React, { Component } from 'react';
class DemoC1 extends Component {
    state = {
      count: 0
    } 
    handleCount = () => {
     this.setState({
       count: this.props.price * 5
     })
    }
    update = () => {
        this.props.updatePrice(15)
    }
    render() { 
        return (<div>
           <p>子组件</p>
           榴莲的价格是：{this.props.price}元一个
           因为榴莲卖的太好了，现在要涨价为15元一个，买了5个，计算一下一共需要多少钱？
           <br />
           最新价格是：{this.props.price}元一个。
           {/* 更新后的价格是： {this.props.price} */}
           <br />
           按最新价格计算：
           5个榴莲总计： {this.state.count} 元
           <button onClick={ this.update}>统一修改榴莲为15元一个</button>
           <button onClick={this.handleCount}>算一算</button>
        </div>);
    }
}
 
export default DemoC1;